<template>
  <div class="exception-container">
    <img :src="p404" class="err-img" alt="404" />
    <div class="err-detail">
      <h2>404</h2>
      <h4>抱歉，您访问的页面不存在~</h4>
      <el-button type="primary" @click="goHome">返回首页</el-button>
    </div>
  </div>
</template>

<script setup lang="ts">
  import p404 from '/@/assets/images/404.png';
  import { useRouter } from 'vue-router';
  const router = useRouter();
  const goHome = () => {
    router.replace('/');
  };
</script>

<style scoped lang="scss">
  @import './index.scss';
</style>
